// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById("echarts1"));

// 指定图表的配置项和数据
var option = {
  title: {
    text: "2020年销量表"
  },
  tooltip: {},
  legend: {
    data: ["销量","月份"]
  },
  xAxis: {
    data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
  },
  yAxis: {},
  series: [
    {
      name: "销量",
      type: "bar",
      data: [5, 20, 36, 10, 10, 20]
    },
    {
      name: "月份",
      type: "bar",
      data: [1, 2, 3, 4, 5, 6]
    }
  ]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

// 基于准备好的dom，初始化echarts实例
var myChart2 = echarts.init(document.getElementById("echarts2"));

// 指定图表的配置项和数据
var option = {
  tooltip: {
    trigger: "item",
    formatter: "{a} <br/>{b}: {c} ({d}%)"
  },
  legend: {
    orient: "vertical",
    left: 10,
    data: ["耐克", "阿迪", "匹克", "新百伦", "科比10代"]
  },
  series: [
    {
      name: "访问来源",
      type: "pie",
      radius: ["50%", "70%"],
      avoidLabelOverlap: false,
      label: {
        normal: {
          show: false,
          position: "center"
        },
        emphasis: {
          show: true,
          textStyle: {
            fontSize: "30",
            fontWeight: "bold"
          }
        }
      },
      labelLine: {
        normal: {
          show: false
        }
      },
      data: [
        { value: 335, name: "耐克" },
        { value: 310, name: "阿迪" },
        { value: 234, name: "匹克" },
        { value: 135, name: "新百伦" },
        { value: 1548, name: "科比10代" }
      ]
    }
  ]
};


// 使用刚指定的配置项和数据显示图表。
myChart2.setOption(option);

